<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/index1.css">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
</head>
<body>
	<div class="header_top all-wrap" style="margin-top:80px;">
		<div class="float">
			<a href="#"><img src="img/logo.jpg"></a>
		</div>
	</div>
	<div class="header_nav navwid">
		<div class="all-wrap floatL" id="navmenu" style="border-radius: 20px;">
			<ul>
				<li class="home">
					<a href="#" target="_blank">首页</a>
				</li>
				<li>
					<a href="#" target="_blank">责任彩票</a>
				</li>
				<li class="tri">
					<a href="#" target="_blank">联赛资料∨</a>
					<ul class="sub-menu">
						<li><a href="#" target="_blank">足球联赛资料</a></li>
						<li><a href="#" target="_blank">篮球联赛资料</a></li>
					</ul>
				</li>
				<li>
					<a href="#" target="_blank">竞彩资讯</a>
				</li>
				<li class="tri">
					<a href="#" target="_blank">受注赛程∨</a>
					<ul class="sub-menu">
						<li><a href="#" target="_blank">足球受注赛程</a></li>
						<li><a href="#" target="_blank">篮球受注赛程</a></li>
					</ul>
				</li>
				<li class="tri">
					<a href="#" target="_blank">赛果开奖∨</a>
					<ul class="sub-menu">
						<li><a href="#" target="_blank">足球赛果开奖</a></li>
						<li><a href="#" target="_blank">篮球赛果开奖</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<div class="all-wrap" style="padding-top:20px">
		<div class="main-lbox floatL">
			<div class="lottery-box">
				<ul>
					<li>
						<div class="floatL"><a href="#" target="_blank"><img src="img/fotbal.png"></a></div>
						<div class="floatR">
						<a href="#" target="_blank"><strong>竞彩足球</strong></a>
						<div class="lot-link">
							<a href="#" target="_blank">胜平负</a>
							<a href="#" target="_blank">让球胜平负</a>
							<a href="#" target="_blank">比分</a>
							<a href="#" target="_blank">总进球</a>
							<a href="#" target="_blank">半全场</a>
							<a href="#" target="_blank">混合过关</a>
						</div>
						</div>
					</li>
					<li>
						<div class="floatL"><a href="#" target="_blank"><img src="img/basbal.png"></a></div>
						<div class="floatR">
						<a href="#" target="_blank"><strong>竞彩篮球</strong></a>
						<div class="lot-link">
							<a href="#" target="_blank">胜负</a>
							<a href="#" target="_blank">让球胜负</a>
							<a href="#" target="_blank">大小分</a>
							<a href="#" target="_blank">胜分差</a>
							<a href="#" target="_blank">混合过关</a>
						</div>
						</div>
					</li>
					<li>
						<div class="floatL"><a href="#" target="_blank"><img src="img/trafb.png"></a></div>
						<div class="floatR">
						<a href="#" target="_blank"><strong>传统足球</strong></a>
						<div class="lot-link">
							<a href="#" target="_blank">14场胜负/任选9场</a>
							<a href="#" target="_blank">6场半全场</a>
							<a href="#" target="_blank">4场进球</a>
						</div>
						</div>
					</li>
					<li>
						<div class="floatL"><a href="#" target="_blank"><img src="img/spacal.png"></a></div>
						<div class="floatR">
						<a href="#" target="_blank"><strong>特色栏目</strong></a>
						<div class="lot-link">
							<a href="#" target="_blank">今日提点</a>
							<a href="#" target="_blank">竞彩独家</a>
							<a href="#" target="_blank">支持比例</a>
							<a href="#" target="_blank">开奖汇总</a>
							<a href="#" target="_blank">竞彩图集</a>
							<a href="#" target="_blank">网站导航</a>
						</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="com-tit">
				<a href="#">专题策划</a>
			</div>
			<div class="plan">
				<a href="#" target="_blank">
					<img src="img/zhunti.jpg">
				</a>
				<a href="#" target="_blank">[世青赛]</a>
				<a href="#" target="_blank">[女足世界杯]</a>
				<a href="#" target="_blank">[中北美金杯赛]</a>
			</div>
		</div>
		<div class="main-mbox floatL">
			<div class="big-focus">
				<div class="hotPic">
				<a href="#" id="links"><img src="img/hotPic1.png" id="hotpicimg"></a>
				</div>
			</div>
			<div class="focus-tit mtop">
				<ul class="focus-ul" id="focus-ul">
					<li class="active">
						<a href="#" target="_blank" class="footbalbth">足球焦点赛事</a>
					</li>
					<li>
						<a href="#" target="_blank" class="baskbth">篮球焦点赛事</a>
					</li>
				</ul>
			</div>
			<div class="focus-div">
			  
				<div class="foc-event footbalgame" style="display:block;">
				<ul>
				<c:forEach items="${Game }" var="g">
				<li><div class="num-event">${g.match_number }&nbsp;${g.matchs }&nbsp;${g.match_time } 开赛
				</div>
				<div class="ke floatL">
					<img src="img/home_1.png">
					<span>
						<strong>
							<a href="#" target="_blank">${g.guest_team }</a>
						</strong>
						<br>
						胜 ${g.win }
					</span>
				</div>
				<div class="ping floatL">
					<span>
						<strong>平局</strong>
						<br>
						${g.level }
					</span>
				</div>
				<div class="zhu floatL">
				    <span>
						<strong>
							<a href="#" target="_blank">${g.host_team }</a>
						</strong>
						<br>
						胜 ${g.loads}
					</span>
					<img src="img/visiting_1.png">
				</div>
				<div class="clear"></div>
				<div class="bonus">
				<!-- <div class="foc-bg floatL">
				<a href="#">周三003：浦和多人缺阵 蔚山强阵出击</a></div> <a href="#" class="more-btn floatR">计算奖金
				</a></div> -->
				</li>
				 </c:forEach>
				</ul>
					
							 					
				</div>
				<ul>
				<li>
				<div class="foc-event bask baskgame" style="display:none;">
					<div class="no_match">
						<div class="num-event">周三004&nbsp;亚冠&nbsp;2019-06-19&nbsp;20:00:00 开赛</div>	
				<div class="ke floatL">
					<img src="img/home_2.png">
					<span>
						<strong>
							<a href="#" target="_blank">上海上港</a>
						</strong>
						<br>
						胜 2.06
					</span>
				</div>
				<div class="ping floatL">
					<span>
						<strong>平局</strong>
						<br>
						3.20
					</span>
				</div>
				<div class="zhu floatL">
				    <span>
						<strong>
							<a href="#" target="_blank">全北现代</a>
						</strong>
						<br>
						胜 2.77
					</span>
					<img src="img/visiting_2.png">
				</div>
				<div class="clear"></div>
				<div class="bonus">
				<div class="foc-bg floatL">
				<a href="#">周三004：上港阵容完整 全北射手缺阵</a></div> <!-- <a href="#" class="more-btn floatR">计算奖金
				</a> --></div>
					</div>
				</div>
				</li>
				</ul>
			</div>
		</div>
		<div class="main-rbox floatL">
			<div class="notice">
				<ul class="not-tit">
					<li class="active">
						<a href="#" class="saishi">赛事公告</a>
					</li>
					<li>
						<a href="#" class="xiaoliang">销量公告</a>
					</li>
				</ul>
				<div class="tab_con">
					<div id="thinking" class="saishinav" style="display:block;">
					<button type="button"><a href="selectTcByModule66">编辑</a></button>
					<c:forEach items="${list6 }" var="list">
						<ul style="margin-top:0px;">
							<li><a href="#">${list.compititionNotice }</a></li>
						</ul>
					</c:forEach>
					</div>
					<div class="xiaoliangnav" style="display:none;">
					<button type="button"><a href="selectTcByModule77">编辑</a></button>
						<c:forEach items="${list7 }" var="list">
						<ul class="ul-com">
							<li><a href="selectTcById?id=${list.id }" target="_blank">${list.title }</a></li>
							
						</ul>
						</c:forEach>
					</div>
				</div>
			</div>
			<div class="g-gyj">
				<img src="img/gyj2019.jpg">
			</div>
			<div class="com-tit" style="border:none">竞彩销售时间
			<button type="button"><a href="selectTcByModule55">编辑</a></button>
			</div>
			<div class="map">
				<table border="0" cellpadding="0" cellspacing="0" class="m-time">
					<tbody>
					<c:forEach items="${list5 }" var="list">
						<tr>
							<th scope="col">${list.totaldate }</th>
							<th scope="col">${list.type }</th>
						</tr>
						<tr>
							<td>${list.selldate }</td>
							<td>${list.selltime }</td>
						</tr>
					</c:forEach>
					</tbody>
				</table>
			</div>
			<div style="margin-top:52px">
				<img src="img/kuailegoucai.jpg">
			</div>
		</div>
		<div class="clear"></div>
		<div style="margin-top:30px;">
			<a href="#" target="_blank">
				<img src="img/jingcaiyixia.jpg">
			</a>
		</div>
		<div class="main-lbox floatL">
			<div class="com-tit"><a href="#" target="_blank">竞彩视频</a></div>
			<div class="sma-focus">
				<div class="hotPic">
					<ul class="pic">
						<li style="display:block">
							<a href="#" target="_blank">
								<img src="img/hotviode1.jpg" width="260" height="115">
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="sma-focus">
				<a href="#" target="_blank">
					<img src="img/hotviode2.png">
				</a>
			</div>
		</div>
		<div class="main-mbox1 floatL">
			<div class="com-tit"><a target="_blank">省市之窗</a>
			<button type="button"><a href="selectTcByModule22">编辑</a></button>
			</div>
			<ul class="ul-com" style="margin-top:10px;">
			<c:forEach items="${list2 }" var="list">
				<li>
					<a href="selectTcById?id=${list.id }" target="_blank">${list.title }</a>
				</li>
			</c:forEach>
			</ul>
		</div>
		<div class="main-mbox1 floatL">
			<div class="com-tit"><a target="_blank">公益体彩</a>
			<button type="button"><a href="selectTcByModule33">编辑</a></button>
			</div>
			<ul class="ul-com" style="margin-top:10px;">
			<c:forEach items="${list3 }" var="list">
				<li>
					<a href="selectTcById?id=${list.id }" target="_blank" >${list.title }</a>
				</li>
			</c:forEach>	
			</ul>
		</div>
		<div class="main-rbox floatL">
			<div class="com-tit"><a target="_blank">帮助与技巧</a>
			<button type="button"><a href="selectTcByModule44">编辑</a></button>
			</div>
			<ul class="ul-com" style="margin-top:10px;">
				<c:forEach items="${list4 }" var="list">
				<li>
					<a href="selectTcById?id=${list.id }" target="_blank">${list.title }</a>
				</li>
				</c:forEach>	
			</ul>
		</div>
		<div class="clear"></div>
	</div>
	<div class="footer">
		<div class="fVersion">
		<p class="fIntro">本网站赛程、赛果、奖金等数据由国家体育总局体育彩票管理中心发布</p>
		</div>
		<ul class="fCopyright">
			<li><a href="https://webcert.cnmstl.net/cert/grade?sn=3aecd21b55a54ed4a39e32095efc7cb4" target="_blank"><img src="img/champion_25.png" width="52" height="21"></a><em>|</em></li>
			<li><a href="http://www.miibeian.gov.cn/" target="_blank">ICP编号:京ICP证090602</a><em>|</em></li>
			<li><img src="img/champion_27.png" width="16" height="21"> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010702001614" target="_blank">京公网安备：11010702001614号</a><em>|</em></li>
			<li><img src="img/champion_30.png" width="15" height="21"> <a href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202014042900008" target="_blank">网站工商备案：1120102102</a><em>|</em></li>
			<li><a href="https://www.sporttery.cn/video_license.html" target="_blank">网络视听许可证: 0110594号</a><em>|</em></li>
			<li><a href="https://static.sporttery.cn/images/2019/01/15/1_1547366031.jpg" target="_blank">广电节目制作经营许可证：(京)字第1864号</a></li>
		</ul>
	</div>
</body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">

	var hotpicList = [
	{
		"linksrc":"#",
		"imgsrc":"img/hotPic1.png"
	},
	{
		"linksrc":"#",
		"imgsrc":"img/hotPic2.png"
	},
	{
		"linksrc":"#",
		"imgsrc":"img/hotPic3.png"
	},
	{
		"linksrc":"#",
		"imgsrc":"img/hotPic4.png"
	},
	{
		"linksrc":"#",
		"imgsrc":"img/hotPic5.png"
	}
	]
	var index = 0;
	var links = document.getElementById("links");
	var hotpicimg = document.getElementById("hotpicimg");
	function changeImg() {
		if (index == 4) {
			index = 0;
		}
		else{
			index += 1;
		}
		links.href = hotpicList[index].linksrc;
		hotpicimg.src = hotpicList[index].imgsrc;
	}
	var intervalId = setInterval(changeImg,2000)
	hotpicimg.onmouseover = function () {
		clearInterval(intervalId);
	}
    hotpicimg.onmouseout = function () {
    	intervalId = setInterval(changeImg,2000);
    }

    $(document).ready(function(){
    	$(".footbalbth").mouseover(function(){
    		$(this).parent("li").addClass("active");
            $(this).parent("li").siblings("li").removeClass('active');
            $(".footbalgame").css("display","block");
            $(".baskgame").css("display","none");
    	})
    	$(".baskbth").mouseover(function(){
    		$(this).parent("li").addClass("active");
            $(this).parent("li").siblings("li").removeClass('active');
            $(".footbalgame").css("display","none");
            $(".baskgame").css("display","block");
    	})
    	$(".saishi").mouseover(function(){
    		$(this).parent("li").addClass("active");
            $(this).parent("li").siblings("li").removeClass('active');
            $(".saishinav").css("display","block");
            $(".xiaoliangnav").css("display","none");
    	})
    	$(".xiaoliang").mouseover(function(){
    		$(this).parent("li").addClass("active");
            $(this).parent("li").siblings("li").removeClass('active');
            $(".xiaoliangnav").css("display","block");
            $(".saishinav").css("display","none");
    	})

    })
</script>
</html>